<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新元素</title>
		<style>
			/*鼠标 悬停到  大风车上 旋转*/
			img{
				/*过度属性：控制旋转的时间*/
				transition:transform 10s;
			}
			img:hover{
				/*转换  旋转*/
				transform: rotate(36000000000000000000000000deg);
			}
		</style>
	</head>
	<body>
		<!-- 音频与视频    属性  autoplay  自动播放一次属性
		controls  控制条
		loop   循环播放-->
		<img src="img/111.jpg" alt="大风车" />
		<audio src="img/dafengche.mp3" autoplay loop></audio>
		<!--  <video src="img/799cf0c069d6895efcd837405dec5d17.mp4" autoplay controls loop></video>
	</body>
</html>